Adwaita: progressbar tweaks
authorLapo Calamandrei <calamandrei@gmail.com>
Sat, 19 Jul 2014 12:03:28 +0000 (14:03 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Sat, 19 Jul 2014 12:03:28 +0000 (14:03 +0200)
gtk/resources/theme/Adwaita/_common.scss
gtk/resources/theme/Adwaita/gtk-contained-dark.css
gtk/resources/theme/Adwaita/gtk-contained.css

index 8994a69148345c75676cd330724e445dfb2d2220..25954b8e1ecd2162836a2e5a5213d41437fa8547 100644 (file)
@@ -1830,18 +1830,36 @@ GtkProgressBar {
 .progressbar {
   border-width: 1px;
   border-style: solid;
-  border-radius: 3px;
+  border-radius: 1.5px;
   border-color: $selected_borders_color;
   background-color: $selected_bg_color;
-  $_shadow: if($variant=='light', transparentize(black,0.7),
+  $_shadow: if($variant=='light', transparentize(black,0.75),
                                   transparentize(black,0.9));
   box-shadow: 1px 0 $_shadow, -1px 0 $_shadow;
-  &.left { box-shadow: 1px 0 $_shadow; }
-  &.right { box-shadow: -1px 0 $_shadow; }
-  &.left.right { box-shadow: none; }
+  &.left {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+    box-shadow: 1px 0 $_shadow;
+  }
+  &.right {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    box-shadow: -1px 0 $_shadow;
+  }
+  &.left.right {
+    box-shadow: none;
+  }
   &.vertical {
     box-shadow: 0 1px $_shadow;
-    &.bottom { box-shadow: none; }
+    &.bottom {
+      border-bottom-left-radius: 3px;
+      border-bottom-right-radius: 3px;
+      box-shadow: none;
+    }
+    &.top {
+      border-top-left-radius: 3px;
+      border-top-right-radius: 3px;
+    }
   }
 //  box-shadow: inset 1px 1px transparentize($borders_edge,0.8);
   &:backdrop {
index 5c3be783e26117c5c7937ee9f320a0c875608048..7036baccd61b61bf2f977956d2448ea97bd41ba3 100644 (file)
@@ -2340,20 +2340,29 @@ GtkProgressBar {
 .progressbar {
   border-width: 1px;
   border-style: solid;
-  border-radius: 3px;
+  border-radius: 1.5px;
   border-color: #0f2b48;
   background-color: #215d9c;
   box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
   .progressbar.left {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
     box-shadow: 1px 0 rgba(0, 0, 0, 0.1); }
   .progressbar.right {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
     box-shadow: -1px 0 rgba(0, 0, 0, 0.1); }
   .progressbar.left.right {
     box-shadow: none; }
   .progressbar.vertical {
     box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
     .progressbar.vertical.bottom {
+      border-bottom-left-radius: 3px;
+      border-bottom-right-radius: 3px;
       box-shadow: none; }
+    .progressbar.vertical.top {
+      border-top-left-radius: 3px;
+      border-top-right-radius: 3px; }
   .progressbar:backdrop {
     border-color: #0f2b48;
     background-color: #215d9c;
index b1004c9757b6e9ab4b7334299d911b67baaee5ac..393af9a7a47c7aea633e910429cb91b7f459b613 100644 (file)
@@ -2334,20 +2334,29 @@ GtkProgressBar {
 .progressbar {
   border-width: 1px;
   border-style: solid;
-  border-radius: 3px;
+  border-radius: 1.5px;
   border-color: #184472;
   background-color: #4a90d9;
-  box-shadow: 1px 0 rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.3); }
+  box-shadow: 1px 0 rgba(0, 0, 0, 0.25), -1px 0 rgba(0, 0, 0, 0.25); }
   .progressbar.left {
-    box-shadow: 1px 0 rgba(0, 0, 0, 0.3); }
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+    box-shadow: 1px 0 rgba(0, 0, 0, 0.25); }
   .progressbar.right {
-    box-shadow: -1px 0 rgba(0, 0, 0, 0.3); }
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    box-shadow: -1px 0 rgba(0, 0, 0, 0.25); }
   .progressbar.left.right {
     box-shadow: none; }
   .progressbar.vertical {
-    box-shadow: 0 1px rgba(0, 0, 0, 0.3); }
+    box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
     .progressbar.vertical.bottom {
+      border-bottom-left-radius: 3px;
+      border-bottom-right-radius: 3px;
       box-shadow: none; }
+    .progressbar.vertical.top {
+      border-top-left-radius: 3px;
+      border-top-right-radius: 3px; }
   .progressbar:backdrop {
     border-color: #4a90d9;
     background-color: #4a90d9;